.article-entry {
  pre,
  .highlight {
    background: @bg-dark;
    margin: 0 -20px;
    padding: 10px 16px;
    border-style: solid;
    border-color: @color-border;
    border-width: 1px 0;
    overflow: auto;
    color: #f8f8f2;
    line-height: 20px;
  }

  .highlight .gutter pre,
  .gist .gist-file .gist-data .line-numbers {
    color: @color-gray-text;
    font-size: .85em;
  }

  pre,
  code,
  .highlight {
    font-family: @font-family-monospace;
  }

  pre code {
    background: none;
    text-shadow: none;
    padding: 0;
    border: none;
  }

  .highlight {
    pre {
      border: none;
      margin: 0;
      padding: 0;
    }

    table {
      margin: 0;
      width: auto;
    }

    td {
      border: none;
      padding: 0;
    }

    figcaption {
      zoom: 1;
      font-size: .85em;
      color: #75715e;
      line-height: 1em;
      margin-bottom: 1em;
      .clearfix();

      a {
        float: right;
      }
    }

    .gutter pre {
      text-align: right;
      padding-right: 20px;
    }

    .line {
      height: 20px;
    }

    .gist {
      margin: 0 -20px;
      border-style: solid;
      border-color: @color-border;
      border-width: 1px 0;
      background: @bg-dark;
      padding: 15px 20px 15px 0;

      .gist-file {
        border: none;
        font-family: @font-family-monospace;
        margin: 0;

        .gist-data {
          background: none;
          border: none;

          .line-numbers {
            background: none;
            border: none;
            padding: 0 20px 0 0;
          }

          .line-data {
            padding: 0 !important;
          }
        }

        .highlight {
          margin: 0;
          padding: 0;
          border: none;
        }

        .gist-meta {
          background: @bg-dark;
          color: #75715e;
          font: 0.85em;
          text-shadow: 0 0;
          padding: 0;
          margin-top: 1em;
          margin-left: 20px;

          a {
            font-weight: normal;
            .hover-color(@color-link-hover, @color-light-text);

            &:hover,
            &:focus {
              text-decoration: underline;
            }
          }
        }
      }
    }
  }

  pre,
  .syntaxhighlighter {
    .comment,
    .preprocessor {
      color: #75715e !important;
    }

    .tag,
    .plain,
    .plain a {
      color: #f8f8f2 !important;
    }

    .title,
    .variable,
    .regexp,
    .ruby .constant,
    .xml .tag .title,
    .xml .pi,
    .xml .doctype,
    .html .doctype,
    .css .id,
    .css .class,
    .css .pseudo {
      color: #f92672 !important;
    }

    .number,
    .built_in,
    .literal,
    .constant {
      color: #ae81ff !important;
    }

    .params,
    .color1,
    .color1 a {
      color: #fd971f !important;
    }

    .class,
    .ruby .class .title,
    .css .rules .attribute,
    .attribute {
      color: #a6e22e !important;
    }

    .string,
    .string a,
    .value,
    .inheritance,
    .header,
    .ruby .symbol,
    .xml .cdata {
      color: #e6db74 !important;
    }

    .css .hexcolor {
      color: #a1efe4 !important;
    }

    .function,
    .python .decorator,
    .python .title,
    .ruby .function .title,
    .ruby .title .keyword,
    .perl .sub,
    .javascript .title,
    .coffeescript .title,
    .keyword,
    .javascript .function {
      color: #66d9ef !important;
    }
  }

  .gist_content {
    font-size: 13px;

    .syntaxhighlighter {
      margin: 0 -30px 20px;
      padding: 10px 16px;
      background-color: @bg-dark !important;
      width: auto !important;

      .line {
        background-color: @bg-dark !important;
        border: 0 !important;
        line-height: 20px !important;
        padding: 0 20px 0 0 !important;
      }

      .gutter {
        color: @color-gray-text !important;
      }
    }
  }
}

.runjs_gist {
  border: 0 !important;
}